{% extends "bootstrap/base.html" %}
{% block title %}helloBlog {% endblock %}
{% block scripts %}
{{ super() }}

{% endblock %}
{% block head %}
{{ super() }}
<link href="https://fonts.googleapis.com/css?family=Grand+Hotel" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:100,200,300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
<link rel="shortcut icon" href="{{ url_for('static', filename='blog.png') }}" type="image/x-icon">
<link rel="icon" href="{{ url_for('static', filename='blog.png') }}" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/style.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css')}}">
<!-- Flaticons  -->
<link rel="stylesheet" href="{{ url_for('static', filename='fonts/flaticon/font/flaticon.css') }}">
<!-- Modernizr JS -->
<script src="{{ url_for('static', filename='js/modernizr-2.6.2.min.js')}}"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="{{ url_for('static', filename='js/respond.min.js')}}"></script>
<![endif]-->
 <script src="{{ url_for('static', filename='js/jquery.min.js')}}"></script>
 {{ moment.include_moment() }}
{% endblock %}
{% block body%}
<div id="page">
    {% block navbar %}
        <nav class="colorlib-nav" role="navigation">
            <div class="top-menu">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xs-2">
                            <div id="colorlib-logo"><a href="/">helloBlog</a></div>
                        </div>
                        <div class="col-xs-10 text-right menu-1">
                            <ul>
                                <li class="active"><a href="/">Home</a></li>
                                {% if current_user.is_authenticated %}
                                    <li class="has-dropdown">
                                        <a href="#">Blog</a>
                                        <ul class="dropdown">
                                            <li> <a href="{{ url_for('main.user', username= current_user.username) }}">Profile</a> </li>
                                            {% if current_user.can(Permission.MODERATE) %}
                                                <li><a href="{{ url_for('main.moderate') }}">Moderate Comments</a></li>
                                            {% endif %}
                                        </ul>
                                    </li>
                                {% endif %}
                                {% if current_user.is_authenticated %}
                                    <li><a href="{{ url_for('auth.logout') }}">Sign Out</a></li>
                                {% else %}
                                    <li><a href="{{ url_for('auth.login') }}">Sign In</a></li>
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
{#        <div class="navbar navbar-inverse" role="navigation">#}
{#            <div class="container">#}
{#                <div class="navbar-header">#}
{#                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">#}
{#                        <span class="sr-only">Toggle navigation</span>#}
{#                        <span class="icon-bar"></span>#}
{#                        <span class="icon-bar"></span>#}
{#                        <span class="icon-bar"></span>#}
{#                    </button>#}
{#                    <a class="navbar-brand" href="/">LsBlog</a>#}
{#                </div>#}
{#                <div class="navbar-collapse collapse">#}
{#                    <ul class=" nav navbar-nav">#}
{#                        <li><a href="/">Home</a></li>#}
{#                        {% if current_user.is_authenticated %}#}
{#                            <li> <a href="{{ url_for('main.user', username= current_user.username) }}"> Profile</a> </li>#}
{#                        {% endif %}#}
{#                        {% if current_user.can(Permission.MODERATE) %}#}
{#                        <li><a href="{{ url_for('main.moderate') }}">Moderate Comments</a></li>#}
{#                        {% endif %}#}
{#                    </ul>#}
{#                    <ul class="nav navbar-nav navbar-right">#}
{#                        {% if current_user.is_authenticated %}#}
{#                            <li><a href="{{ url_for('auth.logout') }}">Sign Out</a></li>#}
{#                        {% else %}#}
{#                            <li><a href="{{ url_for('auth.login') }}">Sign In</a></li>#}
{#                        {% endif %}#}
{##}
{#                    </ul>#}
{#                </div>#}
{##}
{#            </div>#}
{#        </div>#}

    {% endblock %}


    {% block content %}
        <div class="container">
        {% for message in get_flashed_messages() %}
            <div class="alert alert-warning">
                <button type="button" class="close" data-dismiss="alert">&times;</button>{{ message }}
            </div>
        {% endfor %}
        {% block page_content %}{% endblock %}
    </div>
    {% endblock %}
</div>
<script src="{{ url_for('static', filename='js/jquery.easing.1.3.js') }}"></script>
<script src="{{ url_for('static', filename='js/jquery.waypoints.min.js') }}"></script>
<!-- Magnific Popup -->
<script src="{{ url_for('static', filename='js/jquery.magnific-popup.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/magnific-popup-options.js') }}"></script>
<!-- Main -->
<script src="{{ url_for('static', filename='js/nav.js') }}"></script>
{% endblock %}

